<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>

    <script>

        // 数据类型
        //    基本数据类型 数字number  字符串string  布尔值boolean  空对象null  已声明未赋值undefined
        //    数据类型转化
        //        强制转化  Number()   String()   Boolean()
        //             数字
            //            数字 (正常，0，NaN，Infinity)  浮点数 精度丢失 
            //            isNaN()  NaN六亲不认  非数字的集合
            //            取整 parseInt()   取浮点数 parseFloat()
            //            四舍五入保留小数点  toFixed()  字符串
        //            字符串
        //                ''
        //             布尔值  true / false  

        //            null 
        //            undefined   js语言的缺陷

        //  null == undefined  值相等 (js规定)    null !== undefined 

        //       隐式转化
        //          算术运算    + - * / %  ++ / --  
        //          比较运算    true > false    转数字  (字符串与字符串比较)   '2' > 10      '2' > '10'
        //          逻辑运算    !0   true
        //          拼接  +     字符串    null + undefined
        //          parseInt(此处一般是字符串，如果没写字符串会自动转字符串)
        //          。。。


        // 输入框的操作
        //    获取元素  var oInp = document.getElementById() ;   oInp是一个标签对象
        //    绑定点击事件  oBtn.onclick = function(){}
        //    获取输入框的值  var n = oInp.value ;
        //    设置输入框的值  oInp.value = '666' ;


        var a = '"20px"' ;
        console.log(parseInt(a)) ;   // 20


        var b = '1' ;
        // b++ ;    // b = b + 1     ++不等同于 +=    
        b += 1 ; 
        console.log(b) ;




    </script>
    
</body>
</html>